<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bettery/css/itao.css">
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js">
</script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/bettery_common.js">
</script>
	</head>
	<body>
		<form id='searchForm' method="post">
			<input type="hidden" value="${model.lat}" name='model.lat' id="hiddenLat" />
			<input type="hidden" value="${model.lng}" name='model.lng' id="hiddenLng" />
			<input type="hidden" value="${model.blat}" name='model.blat' id="hiddenbLat" />
			<input type="hidden" value="${model.blng}" name='model.blng' id="hiddenbLng" />
			<input type="hidden" value="${model.chexingId}" name="model.chexingId" id="chexingId" />
			<input type="hidden" value="${model.chexingName}" name="model.chexingName" id="hiddenChexingName" />
			<!-- 下订单人所在的省市县 -->
			<input type="hidden" value="${model.province}" name='model.province' class="hiddenProvince" id="hiddenProvince" />
			<input type="hidden" value="${model.city}" name='model.city' class="hiddenCity" id="hiddenCity" />
			<input type="hidden" value="${model.town}" name='model.town' class="hiddenTown" id="hiddenTown" />
			<!-- 电池 -->
			<input type="hidden" value="${model.dianchiId}" name="model.dianchiId" id="dianchiId" />
			<input type="hidden" value="${model.price}" name='model.price' id="ourPrice" />
			<input type="hidden" value="${model.pinPai}" name='model.pinPai' id="pinPai" />
			<input type="hidden" value="${model.xingHao}" name='model.xingHao' id="xingHao" />
			<input type="hidden" value="${model.imageUrl}" name='model.imageUrl' id="imageUrl" />
			<input type="hidden" value="${model.zhongliang}" name='model.zhongliang' id="bettery_zhongliang" />
			<input type="hidden" value="${model.licheng}" name='model.licheng' id="bettery_licheng" />
			<input type="hidden" value="${model.detailInfo}" name='model.detailInfo' id="bettery_detailInfo" />
			<input type="hidden" value="${model.marketPrice}" name='model.marketPrice' id="bettery_marketPrice" />
			<input type="hidden" value="${model.serverPrice}" name='model.serverPrice' id="bettery_serverPrice" />
			<!-- 1:门店，2：上门 -->
			<input type="hidden" value="${model.changeType}" name='model.changeType' id="hiddenChangeType" />
			<input type="hidden" value="${model.address}" name="model.address" id="shangmenAddress" class="form-control address" />
			<input type="hidden" id="tsss">
		</form>
		<div class="search_bar" style="" align="center">
			<span class='new-btn left'><a onclick="back();">返回</a>
			</span><span class="city-span right">[ ${model.city} ]</span>
		</div>
		<div style='background: #fff;' id="mdiv_imagerUrl">
			<span style='height: 5px; margin: 0; display: block'></span>
		</div>
		<div style='width: 100%; height: 10px'>
			<img src='${pageContext.request.contextPath}/bettery/icons/bottom_1.png' width='100%' />
		</div>
		<div class="priceDiv">
			<div class="priceMarket">
				<del>
					${model.marketPrice}元
				</del>
			</div>
			<div class="priceNow">
				<b>${model.price}元</b>
			</div>
		</div>
		<div class='col-lg-12 '>
			<div class='panel'>
				<div class='panel-heading' style='color: green'>
					请选择服务类型
				</div>
				<div class='panel-body' style='display: table; width: 100%'>
					<div style="display: table-cell; width: 50%; padding-right: 5px">
						<span class='service-map-btn' onclick="showEditInfo('mapinfo_pane');" style='width: 100%; line-height: 40px'><i></i>附近门店更换</span>
					</div>
					<div style="display: table-cell; width: 50%; padding-left: 5px">
						<span class='service-info-btn' onclick="showEditInfo('userinfo_pane');" style='width: 100%; line-height: 40px;'><i style='margin-right: 5px'></i>人工上门更换</span>
					</div>
				</div>
			</div>
			<div class='panel m-t'>
				<div class='panel-title'>
					电池重量：${model.zhongliang}千克
				</div>
				<hr />
				<div class='panel-title'>
					行驶路程：${model.licheng}公里
				</div>
			</div>
			<div class='panel m-t' style='background: #E4E4E4'>
				<div style='color: green; height: 30px; text-indent: 14px; 10 px 18px 0; line-height: 24px'>
					更换提醒
				</div>
				<img src='${pageContext.request.contextPath}/bettery/icons/connect.png' width='100%' />
				<div class="panel-body" align="left">
					<ol>
						<li>
							1.【附近门店更换】推荐您到距离您最近的门店更换；
						</li>
						<li>
							2.【人工上门更换】我们将安排专业人员上门服务，请填写联系信息。
						</li>
					</ol>
				</div>
			</div>
		</div>
		<script type="text/javascript">
$(function()
{
	var img = '${model.imageUrl}';
	var html = "<span style='height:5px;margin:0;display:block'></span>";
	if (img)
	{
	html = "<img src=" + img + " width='100%'  style='border:1px solid #fff;margin:0;display:block'><span style='height:5px;margin:0;display:block'></span>";
	}
	document.getElementById('mdiv_imagerUrl').innerHTML = html;
});
function showEditInfo(t)
{
	if ('mapinfo_pane' == t)
	{
	$("#hiddenChangeType").val('附近门店更换');
	$("#searchForm").attr('action', 'changeTypeNear.do').submit();
	}
	else if ('userinfo_pane' == t)
	{
	$("#hiddenChangeType").val('人工上门更换');
	$("#searchForm").attr('action', 'changeTypeManul.do').submit();
	}
}</script>
	</body>
</html>